<template>
  <div style="height: 100%;">
    <cus-card :showTitle="false" style="height: 100%;">
      <Tabs class="mt" value="name1" @on-click="onClick">
        <TabPane label="库存查询" name="name1">
          <inventoryQuery_left ref="inventoryQuery_left"></inventoryQuery_left>
        </TabPane>
        <TabPane label="盘点记录" name="name2">
          <inventoryRecords_right ref="inventoryRecords_right"></inventoryRecords_right>
        </TabPane>
      </Tabs>
    </cus-card>
  </div>
</template>
<script>

import inventoryQuery_left from "./components/inventoryQuery_left/inventoryQuery_left.vue";
import inventoryRecords_right from "./components/inventoryRecords_right/inventoryRecords_right.vue";

export default {
  components: { inventoryQuery_left, inventoryRecords_right },
  data() {
    return { };
  },
  mounted() {},
  methods: {
    onClick(v) {
      if(v=='name1'){
        this.$refs['inventoryQuery_left'].onInit();
      } else {
        this.$refs['inventoryRecords_right'].onInit();
      }
    }
  },
};
</script>

<style lang="less" scoped>
.mt{
  padding-top: 16px;
  min-width: 880px;
  height: 100%;
}
</style>
